/* 
    Document   : style
    Created on : 2011-6-29, 18:00:35
    Author     : yuanjun.liu
    Description:
        Purpose of the stylesheet follows.
*/

/******* GLOBAL STYLES *******/
* {
    border: 0;
    margin: 0;
    padding: 0;
    outline: 0;
    font-size: 100%;
    list-style: none;
    font-style: normal;
    font-weight: normal;
    line-height: inherit;
    font-family: inherit;
    text-decoration: none;
}
body {
    font: normal normal 13px "Microsoft Yahei","华文黑体","宋体","Arial Narrow",Tahoma,Geneva,sans-serif;
}
div,p,li {
    font-family: "Microsoft Yahei","华文黑体","宋体","Arial Narrow",Tahoma,Geneva,sans-serif;
}
form,ul,li,p,h1,h2,h3,h4,h5,h6 {
    margin:0;
    padding:0;
}
input,select {
    font-size:12px;
    line-height:16px;
}
img {
    border:0;
}
ul,li {
    list-style-type:none;
}
cite, em {
    font-style: italic;
}
strong {
    font-weight: bold;
}
.hid {
    display: none;
}
.clear {
    height: 0;
    clear: both;
    display: block;
    overflow: hidden;
}

/******* PAGE LAYOUT *******/
#sidebar {
    float: left;
    width: 235px;
    background-color: rgb(37,34,29);
}
#logo {
    height: 110px;
}
#content {
    float: left;
    width: 800px;
    padding-left: 31px;
}
#footer {
    clear: both;
    height: 50px;
}

/******* LOGO STYLES *******/
#logo h1 {
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    color: #FFF;
    padding-top: 28px;
}

/******* REDIRECT STYLES *******/
#redirect {
    width: 520px;
    margin: 120px auto 30px auto;
    border: 1px #343434 solid;
    border-radius: 3px 3px 3px 3px;
}
#redirect .title {
    height: 26px;
    font-size: 18px;
    font-weight: bold;
    color: #FFF;
    padding: 5px 10px;
    background-color: #505E8E;
}
#redirect .message {
    font-size: 13px;
    font-weight: bold;
    color: #6C6C6C;
    padding: 15px 10px 15px 80px;
    background-color: #FFF;
    background-position: 25px center;
    background-repeat: no-repeat;
}
#redirect .success {
    background-image: url(../img/icon_success.png);
}
#redirect .fail {
    background-image: url(../img/icon_fail.png);
}
#redirect .alert {
    background-image: url(../img/icon_alert.png);
}

/******* LOGIN STYLES *******/
#login {
    width: 390px;
    margin: 120px auto 30px auto;
    border: 1px #343434 solid;
    border-radius: 3px 3px 3px 3px;
}
#login .logo {
    height: 26px;
    font-size: 18px;
    font-weight: bold;
    color: #FFF;
    padding: 5px 10px;
    background-color: #505E8E;
}
#login .box {
    margin: 0 25px;
}
#login fieldset {
    background-color: #FFF;
    padding: 0 0 18px 5px;
}
#login label {
    clear: both;
    color: #6C6C6C;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: 1%;
    line-height: 1.25em;
    padding: 10px 0 5px;
}
#login input {
    float: left;
    font-size: 16px;
    height: 17px;
    line-height: 1.25em;
    padding: 7px 5px;
    border-radius: 2px 2px 2px 2px;
}
#login .small_input {
    float: left;
    height: 30px;
}
#login input.small {
    border: 1px solid #DDD;
    width: 260px;
}
#login input.small:focus {
    border-left: 1px solid #AAA;
    border-top: 1px solid #AAA;
}
#login form p {
    clear: both;
    color: #AEAEAE;
    font-size: 13px;
    padding: 2px 0 5px 0;
}
#login a.button, #login a.button:visited {
    background-color: #3D9400;
    font-size: 11px;
    color: #FFF;
    display: block;
    float: left;
    height: 25px;
    line-height: 25px;
    border: 1px solid #29691D;
    border-radius: 2px 2px 2px 2px;
}
#login a.button:hover,#login a.button:active {
    background-color: #368200;
}
#login a.button span, #login a.button:visited span {
    color: #FFF;
    cursor: default;
    display: block;
    float: left;
    font-size: 11px;
    font-weight: bold;
    height: 19px;
    padding: 0px 9px;
    text-shadow: 0 1px rgba(0, 0, 0, 0.1);
}
#login a.button:active span {
    text-shadow: 0 1px rgba(0, 0, 0, 0.3);
}
#login a.button2, #login a.button2:visited {
    margin-left: 10px;
    background-color: #D74937;
    border: 1px solid #B0281A;
}
#login a.button2:hover,#login a.button2:active {
    background-color: #D14130;
}

/******* SIDEBAR STYLES *******/
#sidebar * {
    text-align: right;
    font-size: 12px;
}
#sidebar ul {
    margin: 0 0 0 32px;
}

#sidebar li {
    float: left;
    width: 100%;
    display: inline;
    margin-bottom: 1px;
    cursor: pointer;
}
#sidebar li a, #sidebar li a:visited {
    color: #fff;
    height: 23px;
    display: block;
    font-size: 13px;
    font-weight: bold;
    padding: 4px 20px 0 0;
    margin: 3px 0 3px 18px;
    background-color: rgb(78,93,139);
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}
#sidebar li.active {
    width: 235px;
    margin: 0 0 0 -32px;
}
#sidebar li.active a, #sidebar li.active a:visited {
    color: #000;
    height: 23px;
    font-size: 15px;
    font-weight: bold;
    padding: 4px 20px 0 0;
    margin: 6px 0 6px 18px;
    background-color: rgb(255,255,255);
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

/******* CONTENT STYLES *******/
#status	{
    float: right;
    color: #343434;
    font-size: 12px;
    padding: 3px 0 3px 0;
}
#status a, #status a:visited	{
    color: #8b1d1d;
    font-weight: bold;
}
#status a:hover	{
    text-decoration: underline;
}
#content h2	{
    clear: right;
    color: #343434;
    font-size: 21px;
    letter-spacing: 2px;
    padding: 3px 0 2px 0;
}
#content h2 span	{
    font-weight: bold;
    padding-right: 35px;
    font-size: 21px;
}
#description	{
    color: #063;
    background-color: #F1F5EC;
    line-height: 12px;
    padding: 2px;
    font-size: 11px;
}
#content .subitems {
    font-size: 13px;
    padding: 2px 0;
    margin: 8px 0;
}
#content .subitems li {
    float: left;
    margin: 0 5px 0 0;
    border-right: 1px solid #EEE;
}
#content .subitems li a {
    height: 16px;
    padding: 3px 18px;
    color: #666666;
    background-color: #F1F1F1;
    border: 1px solid #D8D8D8;
    border-radius: 2px 2px 2px 2px;
}
#content .subitems li a:hover {
    color: #333;
    border-color: #939393;
}
#content .subitems li.active a {
    background-color: #4787ED;
    color: #FFF;
    border-color: #2F5BB7;
}

/******* FORM STYLES *******/
#content form {
    background-color: #FFF;
    margin-bottom: 20px;
}
#content fieldset {
    background-color: #FFF;
    padding: 0 0 18px 5px;
}
#content label {
    clear: both;
    color: #6C6C6C;
    display: block;
    font-size: 13px;
    font-weight: bold;
    height: 1%;
    line-height: 1.25em;
    padding: 15px 0 5px;
}
#content .large_input, #content .medium_input, #content .small_input, #content .mini_input {
    float: left;
    height: 30px;
}
#content input {
    float: left;
    font-size: 16px;
    height: 17px;
    line-height: 1.25em;
    padding: 7px 5px;
    border-radius: 2px 2px 2px 2px;
}
#content .large_input {
}
#content input.large {
    border: 1px solid #DDD;
    width: 450px;
}
#content input.large:focus {
    border-left: 1px solid #AAA;
    border-top: 1px solid #AAA;
}
#content .medium_input {
}
#content input.medium {
    border: 1px solid #DDD;
    width: 350px;
}
#content input.medium:focus {
    border-left: 1px solid #AAA;
    border-top: 1px solid #AAA;
}
#content .small_input {
}
#content input.small {
    border: 1px solid #DDD;
    width: 240px;
}
#content input.small:focus {
    border-left: 1px solid #AAA;
    border-top: 1px solid #AAA;
}
#content input.mini {
    width: 60px;
}
#content span.positive {
    background: url("../img/icon_positive.png") no-repeat scroll left top transparent;
    color: #709A3C;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    height: 16px;
    line-height: 1.25em;
    margin: 7px 0 0 10px;
    padding-left: 25px;
}
#content span.negative {
    background: url("../img/icon_negative.png") no-repeat scroll left top transparent;
    color: #BE2C0A;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    height: 16px;
    line-height: 1.25em;
    margin: 7px 0 0 10px;
    padding-left: 25px;
}
#content form p {
    clear: both;
    color: #AEAEAE;
    font-size: 13px;
    padding: 2px 0 5px 0;
}
#content .textarea {
    display: block;
    height: 150px;
    margin-bottom: 20px;
    width: 693px;
}
#content textarea {
    border: 1px solid #DDD;
    display: block;
    font-size: 1.4em;
    height: 140px;
    line-height: 1.25em;
    overflow: auto;
    padding: 5px;
    width: 683px;
    border-radius: 2px 2px 2px 2px;
}
#content textarea:focus {
    border-left: 1px solid #AAA;
    border-top: 1px solid #AAA;
}
#content a.button, #content a.button:visited {
    background-color: #3D9400;
    font-size: 11px;
    color: #FFF;
    display: block;
    float: left;
    height: 25px;
    line-height: 25px;
    border: 1px solid #29691D;
    border-radius: 2px 2px 2px 2px;
}
#content a.button:hover,#content a.button:active {
    background-color: #368200;
}
#content a.button span, #content a.button:visited span {
    color: #FFF;
    cursor: default;
    display: block;
    float: left;
    font-size: 11px;
    font-weight: bold;
    height: 19px;
    padding: 0px 9px;
    text-shadow: 0 1px rgba(0, 0, 0, 0.1);
}
#content a.button:active span {
    text-shadow: 0 1px rgba(0, 0, 0, 0.3);
}

#content ul.field-list {
    margin: 0 auto;
    width: 800px;
    clear: both;
}
#content ul.field-list li {
    float: left;
    margin-right: 12px;
    text-align: center;
    width: 100px;
}
#content ul.field-list li label {
    text-align: left;
}

/******* LIST TABLE STYLES *******/
#content table {
    border-collapse: collapse;
    margin: 0 auto;
    min-width: 726px;
    /*width: 726px;*/
}
#content tr.highlight {
    background-color: #F2F2F2;
}
#content th {
    color: #6C6C6C;
    font-size: 14px;
    font-weight: bold;
    height: 42px;
    text-align: left;
    text-indent: 10px;
    vertical-align: middle;
}
#content td {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #D5D5D5 #D5D5D5 #D5D5D5 -moz-use-text-color;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px 0;
    color: #6C6C6C;
    font-size: 11px;
    height: 25px;
    text-align: center;
    vertical-align: middle;
}
#content td.action {
    border-right: 0 none;
}
#content td a, #content td a:visited {
    color: #566A97;
}
#content td a:hover {
    text-decoration: underline;
}
#content table ul {
    margin: 0 auto;
    /*width: 96px;*/
}
#content table li {
    float: left;
    padding: 0 4px;
}
#content table li a, #content table li a:visited {
    cursor: pointer;
    display: block;
    float: left;
    height: 16px;
    width: 16px;
}
#content a.add, #content a.add:visited {
    background: url("../img/icon_add.png") no-repeat scroll center center transparent;
}
#content a.edit, #content a.edit:visited {
    background: url("../img/icon_edit.png") no-repeat scroll center center transparent;
}
#content a.delete, #content a.delete:visited {
    background: url("../img/icon_delete.png") no-repeat scroll center center transparent;
}
#content a.mark, #content a.mark:visited {
    background: url("../img/icon_mark2.png") no-repeat scroll center center transparent;
}
#content a.lock, #content a.lock:visited {
    background: url("../img/icon_lock.png") no-repeat scroll center center transparent;
}
#content a.unlock, #content a.unlock:visited {
    background: url("../img/icon_unlock.png") no-repeat scroll center center transparent;
}
p#pagin {
    color: #566A97;
    font-size: 13px;
    padding: 20px 0;
    text-align: center;
}
p#pagin a, p#pagin a:visited {
    color: #566A97;
}
p#pagin a:hover {
    text-decoration: underline;
}
